<!DOCTYPE html>
<html lang="en">

  
<!-- Mirrored from qsthemes.com/demo/ekoders/1.0.5/admin/front/blog.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 18 Jan 2015 14:37:36 GMT -->
<head>
    <meta charset="utf-8">
    <title>Blog - eKoders Admin Template</title>
	
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/css/fonts.css">
	<link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.min.css">
	
	<!-- PAGE LEVEL PLUGINS STYLES -->
	<link rel="stylesheet" href="../assets/css/plugins/colorBox/colorbox.css">
	
    <!-- Tc core CSS -->
	<link id="qstyle" rel="stylesheet" href="assets/css/themes/style.css">
	
	
    <!-- Add custom CSS here -->

	<!-- End custom CSS here -->
	
    <!--[if lt IE 9]>
    <script src="../assets/js/html5shiv.js"></script>
    <script src="../assets/js/respond.min.js"></script>
    <![endif]-->
	
  </head>

<body>

    <nav class="navbar top-navbar navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" href="index.html">
                    <img src="../assets/images/logo-big.png" alt="logo" class="img-responsive">
                </a>
            </div>		
            <!-- Top Menu Right-->
			<div class="nav-top">
				<ul class="nav navbar-right">
					<li class="visible-xs">
						<a href="#" class="tooltip-primary" data-placement="right" data-rel="tooltip" title="+ 91 124 2250121">
							<i class="fa fa-phone"></i>
						</a>
					</li>
					<li class="hidden-xs">
						<a href="#">
							<i class="fa fa-phone"></i>
							<span class="bigger-110 hidden-xs">+ 91 124 2250121</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-envelope"></i> <span class="badge up badge-primary">2</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-bell"></i> <span class="badge up badge-success">3</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-tasks"></i> <span class="badge up badge-info">7</span>
						</a>
					</li>
					<li class="dropdown user-box-no-images">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<span class="user-info"> My Account</span> <b class="caret"></b>
						</a>
						<ul class="dropdown-menu dropdown-user">
							<li>
								<a href="../profile.html">
									My Profile
								</a>
							</li>
							<li>
								<a href="../invoice.html">
									My Invoices
								</a>
							</li>
							<li>
								<a href="../login.html">
									Signin
								</a>
							</li>
						</ul>
					</li>
					<!--Search Box-->
					<li class="dropdown nav-search-icon">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<span class="glyphicon glyphicon-search"></span>
						</a>
						<ul class="dropdown-menu dropdown-search">
							<li>
								<div class="search-box">
									<form class="" role="search">
										<input type="text" class="form-control" placeholder="Search" />
									</form>
								</div>
							</li>
						</ul>
					</li>
					<!--Search Box-->
				</ul>
			</div>
            <!-- /.Top Menu -->
		</div>
		
		<div class="top-menu collapse navbar-collapse  navbar-main-collapse">
			<div class="container">
				<!-- Left Menu-->
				<div class="nav-top">
					<ul class="nav navbar-nav navbar-left">
						<li>
							<a href="index.html">Home</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								Pages <b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li><a href="about-us.html">About Us</a></li>
								<li><a href="services.html">Services</a></li>
								<li><a href="pricing-tables.html">Pricing Tables</a></li>
							</ul>					
						</li>
						<li><a href="blog.html">Blog</a></li>
						<li>
							<a href="contact.html">Contact Us</a>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-left pull-right hidden-xs hidden-sm">
						<li>
							<a href="contact.html" class="btn btn-primary">Live Chat</a>
						</li>
					</ul>
				</div>
			</div>
        </div>
        <!-- /.container -->
    </nav>
	
	
	<div class="page-container"><!-- /page container -->
	
	<!-- /#ek-layout-button -->	
		<div class="qs-layout-menu front">
			<div class="btn btn-gray qs-setting-btn" id="qs-setting-btn">
				<i class="fa fa-cog bigger-150 icon-only"></i>
			</div>
			<div class="qs-setting-box" id="qs-setting-box">										
				<span class="bigger-120">Color Options</span>										
				<div class="hr hr-dotted hr-8"></div>										
				<ul>									
					<li><button class="btn" style="background-color:#d15050;" onclick="swapStyle('assets/css/themes/style.css')"></button></li>
					<li><button class="btn" style="background-color:#86618f;" onclick="swapStyle('assets/css/themes/style-1.css')"></button></li> 
					<li><button class="btn" style="background-color:#ba5d32;" onclick="swapStyle('assets/css/themes/style-2.css')"></button></li>
					<li><button class="btn" style="background-color:#488075;" onclick="swapStyle('assets/css/themes/style-3.css')"></button></li>
					<li><button class="btn" style="background-color:#4e72c2;" onclick="swapStyle('assets/css/themes/style-4.css')"></button></li>
				</ul>											
			</div>
		</div>
	<!-- /#ek-layout-button -->
	
		<div class="mass-head inner">
			<div class="container">
				<div class="row">
					<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
						<h1>Blog<small> Official company blog</small></h1>
					</div>
					<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
						<ol class="breadcrumb">
							<li><a href="index.html">Home</a></li>
							<li class="active">Blog</li>
						</ol>
					</div>
				</div>
			</div>
		</div>
		
		
		<div class="container">
			<div class="block-s2">
			<!--CONTENT-->
		
				<!--(blog post)-->
				<div class="row">
					<!--Blog Left Side-->
					<div class="col-lg-9">
						<div class="blog-posts">						
							<a href="blog-post.html">
								<img src="../assets/images/gallery/blog-img.jpg" class="img-responsive" alt="">
							</a>
							
							<h2><a href="blog-post.html">A Blog Home Template for Bootstrap 3</a></h2>
											
							<ul class="article-info top">
								<li><i class="fa fa-calendar"></i>15/7/2014</li>
								<li><i class="fa fa-comments"></i>21</a></li>
								<li class="hidden-xs"><i class="fa fa-tags"></i>Nature,, Admin ui, Photo, Sea</a></li>
							</ul>						
						
							<p>Suspendisse a velit mauris. Aenean elit eros, gravida euismod tempus eget; ornare vitae magna. Fusce dictum ante libero. Integer vitae libero ut dui tincidunt aliquet vitae eget arcu. Sed mattis quam auctor mi posuere adipiscing! Integer vel ullamcorper. Mauris hendrerit nibh non quam tristique ullamcorper. Morbi eget risus non mauris sodales fermentum. Donec egestas hendrerit vehicula.orci arcu, sollicitudin non vehicula in,</p>
						
							
							<div class="action-buttons">
								<a href="blog-post.html">Read More <i class="fa fa-angle-double-right"></i></a>
							</div>	
							
						</div>
						
						<div class="blog-posts">
							<div class="row">
								<div class="col-sm-4">
									<img src="../assets/images/gallery/img3.jpg" alt="" class="img-responsive">
								</div>
								
								<div class="col-sm-8">
									<h2><a href="blog-post.html">4 Reasons Google Bought Waze</a></h2>
									
									<ul class="article-info top">
										<li><i class="fa fa-calendar"></i>15/7/2014</li>
										<li><i class="fa fa-comments"></i>21</a></li>
										<li class="hidden-xs"><i class="fa fa-tags"></i>Nature,, Admin ui, Photo, Sea</a></li>
									</ul>	
						
						
									<p>Suspendisse a velit mauris. Aenean elit eros, gravida euismod tempus eget; ornare vitae magna. Fusce dictum ante libero. Integer vitae libero ut dui tincidunt aliquet vitae eget arcu. Sed mattis quam auctor mi posuere adipiscing! Integer vel ullamcorper. Mauris hendrerit nibh non quam tristique ullamcorper. Morbi eget risus non mauris sodales fermentum. Donec egestas hendrerit vehicula.orci arcu, sollicitudin non vehicula in,</p>
						
						
									<div class="action-buttons">
										<a href="blog-post.html">Read More <i class="fa fa-angle-double-right"></i></a>
									</div>
								</div>
							</div>
							
						</div>
						
						<div class="blog-posts">
							<h2><a href="blog-post.html">Burberry, Google Partner to Send Kisses Around the World</a></h2>
									
							<ul class="article-info top">
								<li><i class="fa fa-calendar"></i>15/7/2014</li>
								<li><i class="fa fa-comments"></i>21</a></li>
								<li class="hidden-xs"><i class="fa fa-tags"></i>Nature,, Admin ui, Photo, Sea</a></li>
							</ul>	
						
						
							<p>Suspendisse a velit mauris. Aenean elit eros, gravida euismod tempus eget; ornare vitae magna. Fusce dictum ante libero. Integer vitae libero ut dui tincidunt aliquet vitae eget arcu. Sed mattis quam auctor mi posuere adipiscing! Integer vel ullamcorper. Mauris hendrerit nibh non quam tristique ullamcorper. Morbi eget risus non mauris sodales fermentum. Donec egestas hendrerit vehicula.orci arcu, sollicitudin non vehicula in,</p>
						
						
							<div class="action-buttons">
								<a href="blog-post.html">Read More <i class="fa fa-angle-double-right"></i></a>
							</div>									
							
						</div>

						<div class="blog-posts">								

							<h2><a href="blog-post.html">Silver City Is First in New Mexico</a></h2>
									
							<ul class="article-info top">
								<li><i class="fa fa-calendar"></i>15/7/2014</li>
								<li><i class="fa fa-comments"></i>21</a></li>
								<li class="hidden-xs"><i class="fa fa-tags"></i>Nature,, Admin ui, Photo, Sea</a></li>
							</ul>
						
						
							<p>Suspendisse a velit mauris. Aenean elit eros, gravida euismod tempus eget; ornare vitae magna. Fusce dictum ante libero. Integer vitae libero ut dui tincidunt aliquet vitae eget arcu. Sed mattis quam auctor mi posuere adipiscing! Integer vel ullamcorper. Mauris hendrerit nibh non quam tristique ullamcorper. Morbi eget risus non mauris sodales fermentum. Donec egestas hendrerit vehicula.orci arcu, sollicitudin non vehicula in,</p>
						
						
							<div class="action-buttons">
								<a href="blog-post.html">Read More <i class="fa fa-angle-double-right"></i></a>
							</div>								
							
						</div>
						
						<!--pagination-->
							<ul class="pagination">
								<li><a href="#">Prev</a></li>
								<li class="active"><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">Next</a></li>
							</ul>
						<!--pagination-->
						
					</div>
					<!--//Blog Left Side-->
					
					<!--Blog Right Side-->
					<div class="col-lg-3">
						<div class="blog-categories">
							<h3>Categories</h3>
							<ul class="list-unstyled">
								<li><a href="#">Alien Abductions (5)</a></li>
								<li><a href="#">Business Casual (3)</a></li>
								<li><a href="#">Robots (7)</a></li>
								<li><a href="#">Fireworks (2)</a></li>
							</ul>
						</div>
						<!-- /well -->
						
						<div class="space-16"></div>
						
						<!--tcSlider for populer posts-->
						
						<h3 class="no-margin-top">Most Popular</h3>
						<div id="tcSilder">
							<div id="myCarousel-3" class="carousel slide">
								<!-- Carousel items -->
								<div class="carousel-inner">
									<div class="item active">
										<div class="slide-contents">
											<h5><a href="#">4 Reasons Google Bought Waze</a></h5>
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit in arcu blandit.</p>
											<p><a href="#">Read more..</a></p>
										</div>
									</div>
									<div class="item">
										<div class="slide-contents">
											<h5><a href="#">Silver City Is First in New Mexico</a></h5>
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit in arcu blandit, eget pretium nisl accumsan.</p>
											<p><a href="#">Read more..</a></p>
										</div>
									</div>
								</div>

								<!-- Carousel nav -->
								<a class="left-btn" href="#myCarousel-3" data-slide="prev"></a>
								<a class="right-btn" href="#myCarousel-3" data-slide="next"></a>
							</div>	
						</div>						
						<!--tcSlider-->

						<div class="space-16"></div>
						
						<div class="well bg-primary">
							<h4>Side Widget</h4>
							<p>Bootstrap's default well's work great for side widgets! What is a widget anyways...?</p>
						</div>
						<!-- /well -->
						
						<div class="space-16"></div>
						
						<!--Tags-->
						<div class="blog-tags">
							<h3><i class="fa fa-tags"></i> Tags</h3>
							<ul>
								<li><a href="#">Theme</a></li>
								<li><a href="#">admin</a></li>
								<li><a href="#">jQuery</a></li>
								<li><a href="#">Bootstap</a></li>
								<li><a href="#">Twitter</a></li>
								<li><a href="#">QuickStrp</a></li>
							</ul>
						</div>
						<!-- /Tags -->
					

						
					</div>
					<!--//Blog Right Side-->
					
				</div>
				<!--//(blog post)-->
				
			<!--CONTENT-->
			</div>
		</div>
		

		<!--Footer-->
		<div class="block-footer">
			<div class="container">
				<div class="row">
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
						<h4>Quick Links</h4>
						<ul class="list-unstyled">
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Home</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> About Us</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Features <span class="badge badge-primary">New</span></a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Blog</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Contact Us</a></li>
						</ul>
					</div>
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
						<h4>Quick Links</h4>
						<ul class="list-unstyled">
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Home</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> About Us</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Features</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Blog</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Contact Us</a></li>
						</ul>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
					
						<h4>About Us</h4>
						<div class="well">
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting dustry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
						</div>
						
						<h4>Contact Us</h4>
						<ul class="list-inline">
							<li><i class="fa fa-phone"></i> (123) 456-7890</li>
							<li><i class="fa fa-envelope"></i> Sale.dtp@example.com</li>
						</ul>
						
					</div>
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 social">
						<h4>Follow Us</h4>
						<ul class="list-inline">
							<li><a href="#" class="btn btn-circle btn-facebook btn-xs"><i class="fa fa-facebook icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-googleplus btn-xs"><i class="fa fa-google-plus icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-twitter btn-xs"><i class="fa fa-twitter icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-linkedin btn-xs"><i class="fa fa-linkedin icon-only"></i></a></li>
						</ul>
					</div>
				</div>
				<div class="row copyright">
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
						<p>2014 © eKoders, All rights reserved.</p>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
						<ul class="list-inline">
							<li><a href="#">Privacy Policy</a></li>
							<li><a href="#">Terms of Use</a></li>
							<li><a href="#">Refund Policy</a></li>
							<li><a href="#">License</a></li>
						</ul>						
					</div>
				</div>
			</div>
		</div>
		
		<a id="back-to-top" href="#" class="btn btn-primary btn-sm back-to-top" role="button"><i class="fa fa-angle-double-up icon-only bigger-110"></i></a>
		<!--End Footer-->
		
	</div><!-- /page container -->
    
	
    <!-- core JavaScript -->
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/bootstrap.min.js"></script>
	<script src="../assets/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="../assets/js/plugins/pace/pace.min.js"></script>
	
	<!-- PAGE LEVEL PLUGINS JS -->
	
    <!-- Themes Core Scripts -->	
	<script src="../assets/js/main.js"></script>

	<!-- initial page level scripts for examples -->
	<script type="text/javascript">
		// init variables require for all front pages
			Apps.initNavTopBar();
		// end
	</script>
</body>


<!-- Mirrored from qsthemes.com/demo/ekoders/1.0.5/admin/front/blog.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 18 Jan 2015 14:37:37 GMT -->
</html>
